<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>vue初体验</title>
        <!-- 引入vue文件 -->
        <script src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 创建一个容器 -->
        <div class="demo">
            <!-- 插值语法 又叫 '胡子' -->
            <h2>hello,{{name}}</h2>
            <hr>
            <!-- 指令语法 -->
            <a v-bind:href="url">点击进入尚硅谷官网</a>
        </div>
        <script type="text/javascript" >
            // 阻止 vue 在启动时生成生产提示
            Vue.config.productionTip = false;
            
            //创建一个vue实例对象  易错: new Vue的时候 不能在中间加 '.'
            new Vue({
                el:'.demo',
                data:{
                    name:'尚硅谷欢迎您',
                    url:'http://www.atguigu.com'
                }
            })
        </script>
    </body>
</html>